<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 使用 link 标签，设置 rel="stylesheet" 以导入外部样式 -->
    <link rel="stylesheet" href="./style/0.CSS导入方式.css">

    <!-- 使用 style 标签设置内部样式 -->
    <style>
        h2 {
            color: blue;
        }

        /* 优先级小于内联样式，内部样式无法应用 */
        p {
            color: grey;
        }
    </style>
</head>
<body>
    <!-- 使用属性 style 设置内联样式 -->
    <h1 style="color: red;">这是一个一级标题，使用内联样式</h1>
    <h2>这是一个二级标题，使用内部样式</h2>
    <h3>这是一个三级标题，使用外部样式</h3>
    <br>
    <p style="color: green;">这是一个段落，分别使用内联样式、内部样式、外部样式。三种导入CSS样式的方式的优先级为：内联样式 > 内部样式 > 外部样式</p>
</body>
</html>